﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="manage.index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta charset="utf-8" />
    <title>大庆油田井下作业分公司物资管理系统</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />
    <link rel="stylesheet" href="assets/css/ace.min.css" />
    <link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
    <link rel="stylesheet" href="assets/css/ace-skins.min.css" />
    <link rel="stylesheet" href="assets/css/custom.css" />
    <script type="text/javascript" src="assets/js/ace-extra.min.js"></script>
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#sidebar-shortcuts-large").find("button").bind("click", function () {
                var menuType = $(this).find("i").attr("type");
                $(".nav-list").children().each(function () {
                    $(this).hide();
                })
                $("[type='" + menuType + "']").show();
            })
            $(".nav-list").children().each(function () {
                $(this).hide();
            })
            $("[type='setting']").show();
        })
    </script>
</head>
<body>
    <div class="main-content" style="margin-left:0">
        <div class="page-content">
            <div class="row">
                <div class="col-xs-7">
                <div class="widget-box">
											<div class="widget-header header-color-blue">
												<h5 class="bigger lighter">
													<i class="icon-table"></i>
													代办事项
												</h5>
                                                <div class="widget-toolbar" style="cursor:pointer;">
                                                    更多&gt;&gt;
                                                </div>
											</div>

											<div class="widget-body">
												<div class="widget-main no-padding">
													<table class="table table-striped table-bordered table-hover">
														<thead class="thin-border-bottom">
															<tr>
																<th>
																	流程名称
																</th>

																<th>
																	<i class="icon-user"></i>
																	提交人
																</th>
                                                                <th>
                                                                    <i class="icon-calendar"></i>
                                                                    提交时间
                                                                </th>
																<th class="hidden-480">操作</th>
															</tr>
														</thead>

														<tbody>
															<tr>
																<td class="">结算一科</td>

																<td>
																	<a href="#">张三</a>
																</td>
                                                                <td>2015-02-15</td>
																<td class="hidden-480">
																	<a href="#">现在处理</a>
																</td>
															</tr>

															<tr>
																<td class="">乙方申请</td>

																<td>
																	<a href="#">王五</a>
																</td>
                                                                <td>2015-02-15</td>
																<td class="hidden-480">
																	<a href="#">现在处理</a>
																</td>
															</tr>

															<tr>
																<td class="">结算一科</td>

																<td>
																	<a href="#">李四</a>
																</td>
                                                                <td>2015-02-15</td>
																<td class="hidden-480">
																	<a href="#">现在处理</a>
																</td>
															</tr>

															<tr>
																<td class="">领料申请</td>

																<td>
																	<a href="#">蔡总</a>
																</td>
                                                                <td>2015-02-15</td>
																<td class="hidden-480">
																	<a href="#">现在处理</a>
																</td>
															</tr>

															<tr>
																<td class="">结算二科</td>

																<td>
																	<a href="#">王小明</a>
																</td>
                                                                <td>2015-02-15</td>
																<td class="hidden-480">
																	<a href="#">现在处理</a>
																</td>
															</tr>
														</tbody>
													</table>
												</div>
											</div>
										</div>
                </div>
                <div class="col-xs-5">
                    <!-- stat graphic -->
                    <div class="widget-box">
                        <div class="widget-header widget-header-flat widget-header-small">
                            <h5>
                                <i class="icon-signal"></i>资源使用统计
                            </h5>
                            <div class="widget-toolbar no-border">
                                <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
                                    本周 <i class="icon-angle-down icon-on-right bigger-110"></i>
                                </button>
                                <ul class="dropdown-menu pull-right dropdown-125 dropdown-lighter dropdown-caret">
                                    <li class="active"><a href="#" class="blue"><i class="icon-caret-right bigger-110">&nbsp;</i>
                                        本周 </a></li>
                                    <li><a href="#"><i class="icon-caret-right bigger-110 invisible">&nbsp;</i> 本月
                                    </a></li>
                                    <li><a href="#"><i class="icon-caret-right bigger-110 invisible">&nbsp;</i> 本季
                                    </a></li>
                                    <li><a href="#"><i class="icon-caret-right bigger-110 invisible">&nbsp;</i> 本年
                                    </a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="widget-body">
                            <div class="widget-main">
                                <div id="piechart-placeholder">
                                </div>                                
                            </div>
                            <!-- /widget-main -->
                        </div>
                        <!-- /widget-body -->
                    </div>
                    <!-- /widget-box -->
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <div class="widget-box">
													<div class="widget-header widget-header-flat">
														<h4 class="smaller"><i class="icon-bullhorn"></i>消息中心</h4>

														<div class="widget-toolbar">
															<label>
																<small class="green">
																	<b><a href="#">更多&gt;&gt;</a></b>
																</small>
																<span class="lbl"></span>
															</label>
														</div>
													</div>

													<div class="widget-body">
														<div class="widget-main">
															<div class="dd">
                                                                <ol class="dd-list">
                                                                    <li class="dd-item">
                                                                        <div class="dd-handle">
                                                                        <i class="normal-icon icon-comments blue bigger-130"></i>
                                                                        <span><a href="#">一大队已领取了高压吸油胶管</a></span>
                                                                        <span class="lighter grey">&nbsp;昨日上午，一大队王小明已领取了高压....</span>
                                                                        <div class="pull-right">2014-4-04-30</div>
                                                                        </div>
                                                                    </li>
                                                                    <li class="dd-item">
                                                                        <div class="dd-handle">
                                                                        <i class="normal-icon icon-comments blue bigger-130"></i>
                                                                        <span><a href="#">一大队已领取了高压吸油胶管</a></span>
                                                                        <span class="lighter grey">&nbsp;昨日上午，一大队王小明已领取了高压....</span>
                                                                        <div class="pull-right">2014-4-04-30</div>
                                                                        </div>
                                                                    </li>
                                                                    <li class="dd-item">
                                                                        <div class="dd-handle">
                                                                        <i class="normal-icon icon-comments blue bigger-130"></i>
                                                                        <span><a href="#">一大队已领取了高压吸油胶管</a></span>
                                                                        <span class="lighter grey">&nbsp;昨日上午，一大队王小明已领取了高压....</span>
                                                                        <div class="pull-right">2014-4-04-30</div>
                                                                        </div>
                                                                    </li>
                                                                    <li class="dd-item">
                                                                        <div class="dd-handle">
                                                                        <i class="normal-icon icon-comments blue bigger-130"></i>
                                                                        <span><a href="#">一大队已领取了高压吸油胶管</a></span>
                                                                        <span class="lighter grey">&nbsp;昨日上午，一大队王小明已领取了高压....</span>
                                                                        <div class="pull-right">2014-4-04-30</div>
                                                                        </div>
                                                                    </li>
                                                                    <li class="dd-item">
                                                                        <div class="dd-handle">
                                                                        <i class="normal-icon icon-comments blue bigger-130"></i>
                                                                        <span><a href="#">一大队已领取了高压吸油胶管</a></span>
                                                                        <span class="lighter grey">&nbsp;昨日上午，一大队王小明已领取了高压....</span>
                                                                        <div class="pull-right">2014-4-04-30</div>
                                                                        </div>
                                                                    </li>
                                                                </ol>
                                                            </div>
														</div>
													</div>
												</div>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->

            <div class="row">
                <div class="col-xs-12">
                    <hr>
                    <div class="text-info">
                        &copy;Copy Right: 中石油 - 大庆油田
                    </div>
                </div>
            </div><!-- /.row -->
        </div>
        <!-- /.page-content -->
    </div>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/typeahead-bs2.min.js"></script>
    <script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
    <script src="assets/js/jquery.ui.touch-punch.min.js"></script>
    <script src="assets/js/jquery.slimscroll.min.js"></script>
    <script src="assets/js/jquery.easy-pie-chart.min.js"></script>
    <script src="assets/js/jquery.sparkline.min.js"></script>
    <script src="assets/js/flot/jquery.flot.min.js"></script>
    <script src="assets/js/flot/jquery.flot.pie.min.js"></script>
    <script src="assets/js/flot/jquery.flot.resize.min.js"></script>
    <script type="text/javascript">
        jQuery(function ($) {
            $('.easy-pie-chart.percentage').each(function () {
                var $box = $(this).closest('.infobox');
                var barColor = $(this).data('color') || (!$box.hasClass('infobox-dark') ? $box.css('color') : 'rgba(255,255,255,0.95)');
                var trackColor = barColor == 'rgba(255,255,255,0.95)' ? 'rgba(255,255,255,0.25)' : '#E2E2E2';
                var size = parseInt($(this).data('size')) || 50;
                $(this).easyPieChart({
                    barColor: barColor,
                    trackColor: trackColor,
                    scaleColor: false,
                    lineCap: 'butt',
                    lineWidth: parseInt(size / 10),
                    animate: /msie\s*(8|7|6)/.test(navigator.userAgent.toLowerCase()) ? false : 1000,
                    size: size
                });
            })

            /*$('.sparkline').each(function () {
                var $box = $(this).closest('.infobox');
                var barColor = !$box.hasClass('infobox-dark') ? $box.css('color') : '#FFF';
                $(this).sparkline('html', { tagValuesAttribute: 'data-values', type: 'bar', barColor: barColor, chartRangeMin: $(this).data('min') || 0 });
            });*/




            var placeholder = $('#piechart-placeholder').css({ 'width': '90%', 'min-height': '190px' });
            var data = [
				{ label: "输油管类", data: 38.7, color: "#68BC31" },
				{ label: "吸油管类", data: 24.5, color: "#2091CF" },
				{ label: "过路/压桥", data: 8.2, color: "#AF4E96" },
				{ label: "蒸汽管类", data: 18.6, color: "#DA5430" },
				{ label: "其它", data: 10, color: "#FEE074" }
			  ]
            function drawPieChart(placeholder, data, position) {
                $.plot(placeholder, data, {
                    series: {
                        pie: {
                            show: true,
                            tilt: 0.8,
                            highlight: {
                                opacity: 0.25
                            },
                            stroke: {
                                color: '#fff',
                                width: 2
                            },
                            startAngle: 2
                        }
                    },
                    legend: {
                        show: true,
                        position: position || "ne",
                        labelBoxBorderColor: null,
                        margin: [-30, 15]
                    }
					,
                    grid: {
                        hoverable: true,
                        clickable: true
                    }
                })
            }
            drawPieChart(placeholder, data);

            /**
            we saved the drawing function and the data to redraw with different position later when switching to RTL mode dynamically
            so that's not needed actually.
            */
            placeholder.data('chart', data);
            placeholder.data('draw', drawPieChart);



            var $tooltip = $("<div class='tooltip top in'><div class='tooltip-inner'></div></div>").hide().appendTo('body');
            var previousPoint = null;

            placeholder.on('plothover', function (event, pos, item) {
                if (item) {
                    if (previousPoint != item.seriesIndex) {
                        previousPoint = item.seriesIndex;
                        var tip = item.series['label'] + " : " + item.series['percent'] + '%';
                        $tooltip.show().children(0).text(tip);
                    }
                    $tooltip.css({ top: pos.pageY + 10, left: pos.pageX + 10 });
                } else {
                    $tooltip.hide();
                    previousPoint = null;
                }

            });






            var d1 = [];
            for (var i = 0; i < Math.PI * 2; i += 0.5) {
                d1.push([i, Math.sin(i)]);
            }

            var d2 = [];
            for (var i = 0; i < Math.PI * 2; i += 0.5) {
                d2.push([i, Math.cos(i)]);
            }

            var d3 = [];
            for (var i = 0; i < Math.PI * 2; i += 0.2) {
                d3.push([i, Math.tan(i)]);
            }


            var sales_charts = $('#sales-charts').css({ 'width': '100%', 'height': '220px' });
            $.plot("#sales-charts", [
					{ label: "Domains", data: d1 },
					{ label: "Hosting", data: d2 },
					{ label: "Services", data: d3 }
				], {
				    hoverable: true,
				    shadowSize: 0,
				    series: {
				        lines: { show: true },
				        points: { show: true }
				    },
				    xaxis: {
				        tickLength: 0
				    },
				    yaxis: {
				        ticks: 10,
				        min: -2,
				        max: 2,
				        tickDecimals: 3
				    },
				    grid: {
				        backgroundColor: { colors: ["#fff", "#fff"] },
				        borderWidth: 1,
				        borderColor: '#555'
				    }
				});


            $('#recent-box [data-rel="tooltip"]').tooltip({ placement: tooltip_placement });
            function tooltip_placement(context, source) {
                var $source = $(source);
                var $parent = $source.closest('.tab-content')
                var off1 = $parent.offset();
                var w1 = $parent.width();

                var off2 = $source.offset();
                var w2 = $source.width();

                if (parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2)) return 'right';
                return 'left';
            }


            $('.dialogs,.comments').slimScroll({
                height: '300px'
            });


            //Android's default browser somehow is confused when tapping on label which will lead to dragging the task
            //so disable dragging when clicking on label
            /*var agent = navigator.userAgent.toLowerCase();
            if ("ontouchstart" in document && /applewebkit/.test(agent) && /android/.test(agent))
                $('#tasks').on('touchstart', function (e) {
                    var li = $(e.target).closest('#tasks li');
                    if (li.length == 0) return;
                    var label = li.find('label.inline').get(0);
                    if (label == e.target || $.contains(label, e.target)) e.stopImmediatePropagation();
                });

            $('#tasks').sortable({
                opacity: 0.8,
                revert: true,
                forceHelperSize: true,
                placeholder: 'draggable-placeholder',
                forcePlaceholderSize: true,
                tolerance: 'pointer',
                stop: function (event, ui) {//just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
                    $(ui.item).css('z-index', 'auto');
                }
            }
				);
            $('#tasks').disableSelection();
            $('#tasks input:checkbox').removeAttr('checked').on('click', function () {
                if (this.checked) $(this).closest('li').addClass('selected');
                else $(this).closest('li').removeClass('selected');
            });

            */

        });
    </script>
</body>
</html>
